<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Snippely</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<link rel="stylesheet" href="styles/snippely.css" type="text/css" media="screen" />
	<script type="text/javascript" src="scripts/air/air.aliases.js"></script>
	<script type="text/javascript" src="scripts/air/air.introspector.js"></script>

	<script type="text/javascript" src="scripts/mootools/mootools.js"></script>
	<script type="text/javascript" src="scripts/mootools/plugins.js"></script>
	
	<script type="text/javascript" src="scripts/paintbrush/paintbrush.js"></script>
	<script type="text/javascript" src="scripts/paintbrush/paintbrush.javascript.js"></script>
	<script type="text/javascript" src="scripts/paintbrush/paintbrush.ruby.js"></script>
	<script type="text/javascript" src="scripts/paintbrush/paintbrush.css.js"></script>
	<script type="text/javascript" src="scripts/paintbrush/paintbrush.php.js"></script>

	<script type="text/javascript" src="scripts/art/art.air.js"></script>
	<script type="text/javascript" src="scripts/art/art.scrollbar.js"></script>

	<script type="text/javascript" src="scripts/snippely/snippely.js"></script>
	<script type="text/javascript" src="scripts/snippely/snippely.groups.js"></script>
	<script type="text/javascript" src="scripts/snippely/snippely.snips.js"></script>
	<script type="text/javascript" src="scripts/snippely/snippely.snippet.js"></script>
	<script type="text/javascript" src="scripts/snippely/snippely.snippets.js"></script>
	<script type="text/javascript" src="scripts/snippely/snippely.database.js"></script>
</head>
<body id="focus">
	
	<div id="content-right">
		<div id="content-wrap" style="display:none;">
			<div id="content-top">
				<div id="snippets">
					<div id="snippets-wrap">
						<ul id="snippets-list"></ul>
					</div>
				</div>
				<div id="top-resizer"></div>
			</div>
			<div id="content-bottom" style="display:none;">
				<div id="snippet-toolbar">
					<div class="button" id="add-code">add code</div>
					<div class="button" id="add-note">add note</div>
					<span class="clear"></span>
				</div>
				<div id="snippet">
					<div id="snippet-wrap">
						<div id="snippet-container">
							<h1 id="snippet-title"></h1>
							<div id="snippet-description"></div>
							<div id="snippet-snips"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="content-left">
		<div id="groups">
			<div id="groups-wrap">
				<h3>Groups</h3>
				<ul id="groups-list"></ul>
			</div>
		</div>
		<div id="footer">
			<div class="button" id="button-add"></div>
			<div class="button" id="button-action"></div>
			<div id="left-resizer"></div>
		</div>
	</div>
	
</body>
</html>